/*
 * @Author: webcc
 * @Date: 2022-10-29 16:53:27
 * @LastEditTime: 2022-10-31 19:13:49
 * @email: webcc.coder@qq.com
 */
import NavBar from '@/components/NavBar'
import styles from './index.module.scss'

const Question = () => {
    return (
        <div className={styles.root}>
            {/* 顶部导航栏 */}
            <NavBar>问答</NavBar>

            {/* 问答列表 */}
            <div className="question-list">
                <div className="question-item">
                    <div className="left">
                        <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
                        <div className="info">
                            <span>赞同 1000+</span>
                            <span>评论 500+</span>
                            <span>1小时前</span>
                        </div>
                    </div>
                    <div className="right">
                        <img
                            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
                            alt=""
                        />
                    </div>
                </div>
                <div className="question-item">
                    <div className="left">
                        <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
                        <div className="info">
                            <span>赞同 1000+</span>
                            <span>评论 500+</span>
                            <span>1小时前</span>
                        </div>
                    </div>
                    <div className="right">
                        <img
                            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
                            alt=""
                        />
                    </div>
                </div>
                <div className="question-item">
                    <div className="left">
                        <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
                        <div className="info">
                            <span>赞同 1000+</span>
                            <span>评论 500+</span>
                            <span>1小时前</span>
                        </div>
                    </div>
                    <div className="right">
                        <img
                            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
                            alt=""
                        />
                    </div>
                </div>
                <div className="question-item">
                    <div className="left">
                        <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
                        <div className="info">
                            <span>赞同 1000+</span>
                            <span>评论 500+</span>
                            <span>1小时前</span>
                        </div>
                    </div>
                    <div className="right">
                        <img
                            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
                            alt=""
                        />
                    </div>
                </div>
                <div className="question-item">
                    <div className="left">
                        <h3>作为 IT 行业的过来人，你有什么话想对后辈说的？</h3>
                        <div className="info">
                            <span>赞同 1000+</span>
                            <span>评论 500+</span>
                            <span>1小时前</span>
                        </div>
                    </div>
                    <div className="right">
                        <img
                            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
                            alt=""
                        />
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Question
